<template>
	<view class="content">
		<view style="position: fixed;width: 750rpx;z-index: 10;padding: 32rpx 32rpx;background: #FFFFFF;">
		 <u-search placeholder="搜索" v-model="keyword" :show-action="false" :height="68"></u-search>
		</view>
		<view style="width: 750rpx;height: 130rpx;background: #FFFFFF;"></view>
		<view class="allwrap">
			<view class="frame">
				<view class="frame-title flexal">
					<view style="flex: 1;">签到成员</view>
					<view style="margin-right: 54rpx;">签到时间</view>
				</view>
				<view class="frame-line"></view>
				<view class="frame-item flexal" v-for="(item,index) in list" :key="index">
					<image :src="item.avatar" class="img-icon"></image>
					<view style="margin-left: 24rpx;flex: 1;">
						<view class="frame-name">{{item.name}}</view>
						<view class="frame-text">主持人</view>
					</view>
					<view style="margin-right: 38rpx;">
						<view class="frame-name" style="font-size: 400;">10:56:24</view>
						<view class="frame-text">2024/08/05</view>
					</view>
				</view>
			</view>
		</view>
		<!-- 电话提示滑动快 -->
		<movablearea1 :movaheight="movaheightAll" v-if="movableareaShow" @editMovaheightAll="editMovaheightAll" :movaTop="movaTopAll"></movablearea1>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				keyword:'',
				avatar:'https://cdn.uviewui.com/uview/album/10.jpg',
				list:[
					{
						name:'王小二',
						avatar:'https://cdn.uviewui.com/uview/album/1.jpg',
						content:'文字内容内容内容文字内容内容内容文字内容内容内容文字内容内容内容',
						time:'14:00',
						checked:false
					},
					{
						name:'王小明',
						avatar:'https://cdn.uviewui.com/uview/album/2.jpg',
						content:'文字内容内容内容',
						time:'14:00',
						checked:false
					},
					{
						name:'李二',
						avatar:'https://cdn.uviewui.com/uview/album/3.jpg',
						content:'文字内容内容内容',
						time:'14:00',
						checked:false
					},
					{
						name:'张三',
						avatar:'https://cdn.uviewui.com/uview/album/4.jpg',
						content:'文字内容内容内容',
						time:'14:00',
						checked:false
					},
					{
						name:'老四',
						avatar:'https://cdn.uviewui.com/uview/album/5.jpg',
						content:'文字内容内容内容',
						time:'14:00',
						checked:false
					},
					{
						name:'王五',
						avatar:'https://cdn.uviewui.com/uview/album/6.jpg',
						content:'文字内容内容内容',
						time:'14:00',
						checked:false
					},
					{
						name:'老六',
						avatar:'https://cdn.uviewui.com/uview/album/7.jpg',
						content:'文字内容内容内容',
						time:'14:00',
						checked:false
					},
					{
						name:'老王',
						avatar:'https://cdn.uviewui.com/uview/album/8.jpg',
						content:'文字内容内容内容',
						time:'14:00',
						checked:false
					},
					{
						name:'老李',
						avatar:'https://cdn.uviewui.com/uview/album/9.jpg',
						content:'文字内容内容内容',
						time:'14:00',
						checked:false
					},
				],
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="less">
	.content{
		background: #F3F4F6;
	}
	.frame{
		margin-top: 44rpx;
		padding: 32rpx;
		width: 686rpx;
		// height: 523rpx;
		background: #FFFFFF;
		border-radius: 24rpx 24rpx 24rpx 24rpx;
		display: flex;
		flex-direction: column;
		.frame-title{
			font-weight: 400;
			font-size: 30rpx;
			color: #424A57;
		}
		.frame-line{
			margin-top: 32rpx;
			margin-bottom: 8rpx;
			width: 622rpx;
			height: 0rpx;
			border: 1rpx solid #707070;
			opacity: 0.17;
		}
		.frame-item{
			// margin: 16rpx 0rpx;
			margin-top: 16rpx;
			margin-bottom: 16rpx;
			display: flex;
		}
		.img-icon{
			width: 100rpx;
			height: 100rpx;
			border-radius: 50%;
		}
		.frame-name{
			font-weight: 500;	
			font-size: 32rpx;
			color: #333333;
		}
		.frame-text{
			margin-top: 10rpx;
			font-weight: 400;
			font-size: 24rpx;
			color: #A2A6B1;
		}
	}
</style>
